
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>BTL专项费用申请</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link href="__STATIC__/layout/css/plugins/summernote/summernote.css" rel="stylesheet">
<link href="__STATIC__/layout/css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
<link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
<link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
<style>

        .note-editable {
            height: 150px
        }
</style>

</head>

<body class="white-bg" style="padding: 3px;font-size: 12px">
    <div class="page-heade">
       <h2 class="title_color text-center">BTL专项费用申请</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei text-center">
            <tr>
                <td style="width: 220px;">专项编号<span class="colorRed">*</span>：</td>
                <td class="text-left" colspan="3"><input type="text" class="form-control" style="width: 30%" name="" value="" id="specialtheme"></td>
            </tr>
            <tr>
                <td>专项编号<span class="colorRed">*</span>：</td>
                <td class="text-left"><input type="text" class="form-control" style="width: 50%" name="" value="" id="specialNum"></td>
                 <td>渠道类型<span class="colorRed">*</span>：</td>
                <td class="text-left">
                  <select name="" id="" class="form-control select">
                    <option value="0">请选择</option>
                    <option value="1">电商</option>
                  </select>
                </td>
            </tr>
            <tr>
                <td>经销商<span class="colorRed">*</span>：</td>
                <td class="text-left">
                      <div class="row" style="width: 50%">
                        <div class="col-xs-8">
                            <div class="input-group" id="jxs_input" style="width: 100%">
                                <input type="text"   placeholder="请输入关键字或空格查询" class="form-control inputremindPeple" id="activeAgency"  value="" style="width: 100%">
                                <div class="input-group-btn">
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                    </ul>
                                </div>
                            </div>
                            <div id="jxs_queding" class="selectedOnlyOne" style="display: none;">
                                <input type="hidden" name="ckdx">
                                <input type="hidden" name="ckdx_name">
                                <span class="inin"></span>
                                <span class="close">×</span>
                            </div>
                            
                        </div> 
                        <div class="col-xs-4">
                            <a href="javascript:;" id="selectName" class="btn btn-sm btn-primary">选择</a>
                        </div>
                    </div>
                </td>
                <td>活动时间<span class="colorRed">*</span>:</td>
                <td class="text-left">
                     <input type="text" class="form-control list-item" value="" name="" id="zhixingstart">
                   <span class="lr_5">至</span>
                   <input type="text" class="form-control list-item" value="" name="" id="zhixingend">
                </td>
            </tr>
            <tr>
              <td>预计核销时间<span class="colorRed">*</span>:</td>
              <td class="text-left">
                  <input type="text" class="form-control list-item" value="" name="" id="yjhxtime"> 
              </td>
              <td>专项负责人</td>
              <td class="text-left">
                 张晓明 
              </td>
            </tr>
          <tr>
                <td style="width: 220px">使用角色<span class="colorRed">*</span></td>
                <td class="text-left" colspan="3">
                    <select name="" id="" class="form-control select">
                      <option value="0">请选择</option>
                    </select><span>请选择使用哪个角色提交该申请，审批流程会根据选择的角色提交到对应的上级领导。</span>
                </td>
          </tr>
        </table>
        <div class="" style="width: 100%;line-height: 30px;border:1px solid #EBEBEB;box-sizing: border-box;">
          <a href="javascript:;" class="btn btn-info btn-sm">添加产品</a>
        </div>
        <table class="table table-bordered bud_hei text-center">
            <tr class="info">
                <th class="text-center">操作</th>
                <th class="text-center">品牌<span class="colorRed">*</span></th>
                <th class="text-center">系列(元)<span class="colorRed">*</span></th>
                <th class="text-center" style="width: 50%">单品<span class="colorRed">*</span></th>
                <th class="text-center">不做活动总销量<span class="colorRed">*</span></th>
                <th class="text-center">做活动总销量<span class="colorRed">*</span></th>
            </tr>
         
        </table>
        <div class="row-margin-top" style="width: 100%;line-height: 30px;border:1px solid #EBEBEB;box-sizing: border-box;">
          <a href="javascript:;" class="btn btn-info btn-sm">添加费用科目</a>
        </div>
            <table class="table table-bordered bud_hei text-center">
              <tr class="info">
                <th class="text-center">操作</th>
                <th class="text-center">二级费用科目<span class="colorRed">*</span></th>
                <th class="text-center">三级费用科目<span class="colorRed">*</span></th>
                <th class="text-center">不含税金额(元)<span class="colorRed">*</span></th>
                <th class="text-center">收款方</th>
                <th class="text-center" style="width: 40%">描述</th>
              </tr>
               <tr>
                <td colspan="3" class="text-center">费用合计</td>
                <td class="text-left">0元</td>
                <td colspan="2"></td>
              </tr>
            </table>
            <table class="table table-bordered bud_hei">
                <tr>
                  <td  style="width: 220px">备注：</td>
                  <td>
                      <textarea name="" id="" style="width: 60%;height: 40px;user-select:none" class="form-control"></textarea>
                  </td>
                </tr>
            </table>
        <div class="form-group white-bg" style="margin:20px 10px 20px 20px;">
            <div id="uploader" class="wu-example">
                <!--用来存放文件信息-->
                <div id="thelist" class="uploader-list">
                                   </div>
                <div class="btns">
                    <div id="picker">选择文件</div>
                    <button id="ctlBtn" class="btn btn-default">开始上传</button>
                </div>
                <input type="hidden" name="attach" id="attach"  >
            </div>
            <span>注：最多上传15个文件，每个文件小于50M,支持格式：</span><br>jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav
        </div>

        <div class="padding-10 text-center"><button class="btn btn-primary" type="submit">保存为草稿</button><span class="lr_5"></span><button class="btn btn-success" type="button">保存并提交</button><span class="lr_5"></span><button class="btn btn-warning" type="button" id="fanhui">返回</button></div>
    </form>
  
  
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/laydate/laydate.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script>
 $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })

    $(document).ready(function () {
     
          $('#fanhui').on('click',function () {
//                    parent.layer.close(parent.layer.getFrameIndex(window.name))
                    parent.location.reload();
                    return false
                });



         $("#setyusuanweidu").click(function(){
        if($("#theme").val()==''){
            swal("","主题不能为空！",'error')
        }else if($("#activeAgency").val()==''){
            swal("","归属集团预算不能为空！",'error')
        }else if($("#zhixingstart").val()==''){
             swal("","执行开始时间不能为空！",'error')
        }else if($("#zhixingend").val()==''){
             swal("","执行结束时间不能为空！",'error')
        }else if($("#baomingstart").val()==''){
             swal("","报名开始时间不能为空！",'error')
        }else if($("#baomingend").val()==''){
             swal("","报名结束时间不能为空！",'error')
        }else if($("#useRole").val()==0){
             swal("","请选择使用角色！",'error')
        }else if($("#chaifenMan").val()==0){
             swal("","请选择拆分人！",'error')
        }else{
              layer.open({
                           type: 1,
                           title: '设置预算维度',
                           area: ['900px', '500px'],
                           fixed: false, //不固定
                           maxmin: true,
                           content: $('#addrewardcordDIV'),
                           btn:["提交","返回"],
                           yes: function (i, o) {
                                var d = {};
                                 var t = $('#form0').serializeArray();
                                    $.each(t, function() {
                                            d[this.name] = this.value;
                                         });
                                     // alert(JSON.stringify(d));
                                     $("#yusuancont").text('【'+d.qudaowd+'】+'+'【'+d.customwd+'】+'+'【'+d.productwd+'】+'+'【'+d.feiywd+'】+'+'【'+d.khqiwd+'】');
                                     $("#setyusuanweidu").text('修改预算维度');
                                      layer.close(i)
                           // $.post('/index/workflowdb/ysfy_cg.html', param, function (data) {
                           //     if (data.success) {
                           //         swal({title: data.msg}, function () {
                           //             layer.close(i)
                           //             location.reload()
                           //         })
                           //     } else {
                           //         swal(data.msg)
                           //     }
                           // }, 'json')
                       }

                    });
        }
    })







    });

    lay('.list-item').each(function(){
        laydate.render({
            elem: this,
            trigger: 'click'
        });
     }); 


   
</script>
</body>

</html>